<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery.min.js"></script>
</head>
<body>
    <div>
        <h2>猜数字游戏</h2>
        玩家输入一个 1 ~ 10 数字：<input id="input_num" type="text"><p></p>
        <input type="button" value=" 查看结果 " onclick="selectResultJq()">
        <div id = "result_div">

        </div>
    </div>

    <img width="200px" height="120px" id="img_logo" src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png">

    <p></p>
    <input type="button" value="更换图片" onclick="changeImg()">

    <script>
        function selectResultJq(){
            var randomNum = Math.floor(Math.random()*10)+1;
            var userInputNum = jQuery("#input_num").val();
            var msg;
            if(randomNum == userInputNum){
                msg = "<h4> 恭喜：猜对了</h4>";
            }else{
                msg = "<h4>抱歉：猜错了，正确的数字是：" + randomNum + "</h4>";
            }
            jQuery("#result_div").html(msg);
        }    


        function selectResult(){
            // 产生随机数 1 ~ 10
            var randomNum = 1 + Math.floor(Math.random()*10);
            var userInputNum = document.getElementById("input_num").value;
            var msg ;
            if(randomNum == userInputNum){
                msg = "<h4> 恭喜：猜对了</h4>";
            }else{
                msg = "<h4>抱歉：猜错了，正确的数字是：" + randomNum + "</h4>";
            }
            document.getElementById("result_div").innerHTML = msg;

        }


        function changeImg(){
            var sg_img = "https://dlweb.sogoucdn.com/pcsearch/web/index/images/logo_880x280_06c7476.png?v=628ed034";
            document.getElementById("img_logo").src = sg_img;
        }

        // //创建了一个空对象
        // var a = {};

        // var student = {
        //     name : "莉丝",
        //     age: 19,

        //     sayHi:function() {
        //         console.log(student.name+"正在与你打招呼~");
        //     }
        // };

        // console.log(student.name);
        // student.sayHi();

        

        // var num = 10;
        // console.log(num);

        // function test1(){
        //     var num = 20;
        //     console.log(num);
        // }

        // function test2(){
        //     //修改了全局变量 num
        //     num = 30;
        //     console.log(num);
        // }

        // //test1();
        // test2();

        // console.log(num);


         //数组
        //  var arr = new Array();
        //  arr.push(1);
        //  arr.push("hello");
        //  arr.push("world");

        //  for(var i = 0; i < arr.length; i++){
        //     console.log(arr[i]);
        // }

        // arr[1] = "hey";

        // for(var term of arr){
        //     console.log(term);
        // }

        // arr.splice(1,1);
        // for(var term of arr){
        //     console.log(term);
        // }
        // console.log(arr.length);

        // var obj = arr.slice(1,2);
        // for(var term of obj){
        //     console.log(term);
        // }

        // console.log(arr.pop());
        // console.log(arr.length);


        // //undefined 数据类型
        // var num ;
        // console.log(num);
        // console.log(num+"你好");
        // console.log(num+10);

        // //null 数据类型
        // var num1 = null;
        // console.log(num1);
        // console.log(num1+"你好");
        // console.log(num1+10);



        // var num = 1;
        // var num1 = "1";
        // console.log(num == num1);
        // console.log(num === num1);

        // var num = prompt("判断奇偶，请输入一个数字：");
        // console.log(num + 10);
        // console.log(parseInt(num) + 10);
        // if(parseInt(num) % 2 == 1){
        //     alert(num+"->奇数");
        // }else{
        //     alert(num+"->偶数");
        // }


        // var name = prompt("请输入你的姓名？");
        // var age = prompt("请输入你的年龄？");
        // var gender = prompt("请输入你的性别");
        // alert("姓名："+name+"年龄："+age+"性别："+gender);



        // var num = 5;
        // var num1 = "5";

        // alert(parseInt(num) + parseInt(num1));
    </script>
</body>
</html>